// 替换为你实际存放应用信息 JSON 的 Gitee  raw 地址
const jsonUrl = 'https://gitee.com/your-username/your-repo/raw/master/apps.json'; 

// 分类映射，与 HTML 中 data-category 对应
const categories = {
  all: '全部',
  new: '上新',
  hot: '热门推荐',
  must: '装机必备',
  play: '玩机',
  game: '游戏',
  office: '办公',
  social: '社交',
  network: '网络'
};

// 获取 DOM 元素
const appListDom = document.getElementById('app-list');
const categoryNav = document.querySelector('.category-nav');

// 拉取 JSON 数据并渲染
fetch(jsonUrl)
 .then(response => response.json())
 .then(apps => {
    // 渲染全部应用（默认）
    renderApps(apps);
    // 分类点击事件
    categoryNav.addEventListener('click', (e) => {
      const target = e.target;
      if (target.tagName === 'LI') {
        const category = target.getAttribute('data-category');
        let filteredApps = apps;
        if (category!== 'all') {
          filteredApps = apps.filter(app => app.category === category);
        }
        renderApps(filteredApps);
      }
    });
  })
 .catch(error => {
    console.error('拉取数据失败:', error);
    appListDom.innerHTML = '<p style="text-align:center;">数据加载失败，请稍后重试</p>';
  });

// 渲染应用列表函数
function renderApps(appsData) {
  let html = '';
  appsData.forEach(app => {
    html += `
      <div class="app-card">
        <h3>${app.name}</h3>
        <p>分类：${categories[app.category]}</p>
        <p>简介：${app.desc}</p>
        <p>下载：<a href="${app.downloadUrl}" target="_blank">点击下载</a></p>
      </div>
    `;
  });
  appListDom.innerHTML = html;
}
